<template>
  <div>
    <div class="Hot" >
      <div class="team" v-for="(item, index) in forArr" :key="index">
        <p class="Foodtitle">
          {{ item.detail }}
        </p>
        <div class="allPic" style="width:4.6rem">
          <div class="imgbox" v-for="(item, index) in item.List" :key="index">
            <img :src="item.img" alt="" />
            <p>{{ item.name }}</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
    props:["forArr","curInd","Itemcur"]
};
</script>

<style lang="less">
.allPic {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  .imgbox {
    width: 1.3rem;
    height: 1.3rem;
    margin-bottom: 1rem;
    img {
      width: 100%;
      height: 100%;
    }
  }
}
.Foodtitle {
  text-align: left;
}
.team {
  margin-bottom: 1rem;
}
</style>